/*
font-family: Arial, Helvetica, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Bookman Old Style", serif;
font-family: "Comic Sans MS", cursive;
font-family: Courier, monospace;
font-family: "Courier New", Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, "Times New Roman", times, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family: "MS Sans Serif", Geneva, sans-serif;
font-family: "MS background-color: #900;Serif", "New York", sans-serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: "Times New Roman", Times, serif;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, "Zapf Dingbats", sans-serif;

*/

*{
   margin: 0;
   padding: 0;
}

body{
   background: #333;
   font:  Tahoma, Geneva, sans-serif;
}

h1{
    padding: 4px;
}

#box{
   width: 1000px;
/*   height: 1100px;*/
   margin: 0 auto;
   background: #fff url(../imgs/bg_topo.png) top left repeat-x;
}

#header{
   float: left;
   width: 1000px;
   height: 119px;
   
}

#header .logo{
   float: left;
   width: 190px;
   height: 90px;
   margin-top: 23px;
   margin-left: 7px;
}

#header .apresentacao
   {
   float:left;
   width: 330px;
   height: 65px;
   margin-top: 23px;
   margin-left: 3px;
}

#header .apresentacao span.titulo{
   font: 40px "Trebuchet MS", Helvetica, sans-serif, Arial;
   
   color: #000;
}

#header .apresentacao span.om{
   font: 18px "Trebuchet MS", Helvetica, sans-serif, Arial;
   color: #fff;
   position: relative;
   margin-left: 20px;
   float: left;
   margin-top: -2px;
  
}


#header #configs{
   float:right;
   width: 285px;
   margin-right:  3px;
   margin-top: 20px;
   height:108px;
}

#header #configs img{
   float: right;
   margin-right: 50px;
}

#header #configs input{
   float:right;
   margin-top: 10px;
   background: #fff;
   height: 22px;
   width: 240px;
   font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#ccc;
   padding: 2px;
   margin-right: 20px;
   border: 1px solid #ccc;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

#header #configs input.btn_busca{
   width: 18px;
   height: 18px;
   float: right;
   border:0px;
   background: url(../imgs/lupa.png) top no-repeat;
   margin-right: 27px;
   margin-top: -22px;

   
}

#header #configs input.btn_busca:hover{
 
   background: url(../imgs/lupa.png) bottom no-repeat;
   cursor: pointer;

}

#menu{
   float:left;
   width: 1000px;
   height: 20px;
   margin-top: 12px;
}

#menu ul#nav{
   float:left;
   margin: 0;
   margin-left: 10px;
   width: 700px;
   list-style-type: none;
}

#menu ul#nav li{
   float: left;
   position: relative;
}

#menu ul#nav li a{
   float: left;
   text-decoration: none;
   font: 16px Tahoma, Geneva, sans-serif;
   color:#036;
   padding: 0 12px 12px 0;
   line-height: 30px;
}

#menu ul#nav li a:hover{
background: #fff;
}

#menu ul#nav li ul{
   display: none;
}

#menu ul#nav li:hover ul{
   display: block;
   list-style-type: none;
   position: absolute;
   top: 30px;
   width: 205px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   padding-right: 12px;
   background: #036;
   
   
}

#menu ul#nav li ul a{
   float:left;
   display: block;
   width: 205px;
   padding: 5px 5px;
   background: #f4f4f4;
   text-align: left;
}

#menu span#ola{
   float:right;
   font: 16px Tahoma, Geneva, sans-serif;
   padding: 0 10px;
   line-height: 30px;
}

#menu a#sair{
   float:right;
   text-decoration: none;
   font: 15px Tahoma, Geneva, sans-serif;
   padding: 2px 6px;
   margin-left: 4px;
   margin-right: 5px;
   margin-top: 2px;
   margin-bottom:  2px;
   background: #09f;
   border: 1px solid #fff;
   color:#fff;
}

#menu a#sair:hover{
 background: #09a;  
}

#conteudo{
   float:left;
   width: 1000px;
   margin-top: 3px;
/*   background-color: orange;*/
/*   height: 890px;*/
min-height: 600px;
max-height: 100%;
display: block;
}

#conteudo #stats{
   
   float: left;
   width: 990px;
   padding: 2px;
   background: #fff;
   height: 70px;
   margin: 3px;
   
}


#stats .perfil{
   margin-top: 2px;
   float: right;
   width: 290px;
   padding: 5px;
   background: #666;
   height: 61px;
}

#stats .perfil span.nome{
   float: left;
   font: 17px Georgia, "Times New Roman", times, serif;
   color: #fff;
   font-weight: bold;
   margin: 4px 0;
   width: 274px;
}

#stats .perfil p{
 font: 15px Georgia, "Times New Roman", times, serif;
   color: #fff;
   margin: 3px;
}

#stats span.box{
   float: left;
   background: #ccc;/*DADADA;*/
   border:1px solid transparent;
   margin: 3px;
   padding: 17px 0;
   width: 164px;
   text-align: center;
   font: 14px Georgia, "Times New Roman", times, serif;
   color: #555;
}

#stats span.box:hover{
   background: #ccc;
   border-color:#333;
}
/* bloco um */

#conteudo #bloco-um{
   float:left;
   margin-top: 4px;
   width: 1000px;
/*   height: 350px;*/
/*   background: #09f;*/
   margin-bottom:4px;
}

#bloco-um #os-pendente{
   float:left;
   width:680px;
   padding: 4px;
   height: 336px;
   margin:3px;
   
   
}
/*formatacao da tabela*/


#os-pendente table{
   width: 682px;
   
}

table.list{
   border-collapse: collapse;
   float: left;
}

table.list th{
   padding: 9px 0;
/*   background: #f4f4f4;*/
   border:1px solid #ccc;
   text-align: center;
   color:#444;
   font-family: Georgia, "Times New Roman", times, serif;
   font-size: 15px;
   font-weight: normal;
   text-indent: 5px;
   
/*   formatacao de gradiente*/
background: linear-gradient(top,#f4f4f4,#ccc);
background: -moz-linear-gradient(top,#f4f4f4,#ccc);
background: -webkit-gradient(linear,left top,left bottom, from(#f5f5f5),to(#ccc));
filter: progid:DXImagetransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f5f5f5', EndColorStr='#d5d5d5');

}

table.list tbody{
   text-align: center;
}

table.list td{
   padding: 3px 0;
   border: 1px solid #ccc;
   font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #777;
}

table.list tr:hover{
   background-color: #f5f5f5;
}

table.list td a{
   text-decoration: none;
   font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #09f;
}

table.list td a:hover{
   color: #036;
}

table.list td img, h1 img{
/*   margin: 1px 2px;*/
   border: 1px solid transparent;
   vertical-align: middle;
   padding: 4px;
}

table.list td img:hover, h1 img:hover{
   background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

#bloco-um #estatistica-setor{
   float: right;
   width: 295px;
   padding: 4px;
   
   height: 336px;
   margin-right: 3px;
   margin-top: 6px;
   background: #ccc;
}


#estatistica-setor h1{
   float:left;
   text-align: center;
   padding: 6px 4px;
   background: #666;
   font: 15px Tahoma, Geneva, sans-serif;
   color: #fff;
   width: 288px;
   text-transform: uppercase;
}

#estatistica-setor ul{
   list-style-type: none;
   
}

#estatistica-setor ul li{
   float: left;
   display: block;
   margin-bottom: 2px;
   padding: 4px;
   width: 288px;
   background: #f4f4f4;
   border-bottom: 2px dotted #777;
   
}

#estatistica-setor ul li:hover{
   background: #ebebeb;
}

#estatistica-setor ul li span.num1{
   font: 20px Tahoma, Geneva, sans-serif;
   color:darkred;
   float: left;
   padding: 5px;
   
   height: 40px;
   width: 25px;
   margin-right: 4px;
   border: 1px solid transparent /*#777*/;
   font-weight: bold;
   
   alignment-adjust: central;
  
   background: url(../imgs/colocado1.png) center no-repeat;
   
}


#estatistica-setor ul li span.num1 div{
   margin-left: 5px;
   float:top ;
}


#estatistica-setor ul li span.num2{
   font: 16px Tahoma, Geneva, sans-serif;
   
   float: left;
   padding: 5px;
   
   height: 40px;
   width: 25px;
   margin-right: 4px;
   border: 1px solid transparent /*#777*/;
   font-weight: bold;
  
   background:  url(../imgs/colocado2.png) center no-repeat;
   
}

#estatistica-setor ul li span.num2 div{
   margin-left: 8px;
   font-size: 15px;
   margin-top: 7px;
   float:top ;
   color:darkblue;
}

#estatistica-setor ul li span.num3{
   font: 15px Tahoma, Geneva, sans-serif;
   color:#FFF;
   float: left;
    padding: 5px;
   
   height: 40px;
   width: 25px;
   margin-right: 4px;
   border: 1px solid transparent /*#777*/;
   font-weight: bold;
  
   background:  url(../imgs/colocado3.png) center no-repeat;
   
}

#estatistica-setor ul li span.num3 div{
   margin-left: 8px;
   font-size: 14px;
   margin-top: 6px;
   float:top ;
   color:bisque;
}

#estatistica-setor ul li span.num, #estatistica-setor ul li span.num4,#estatistica-setor ul li span.num5{
   font: 13px Tahoma, Geneva, sans-serif;
   color:#777;
   float: left;
   padding: 8px;
   margin-left: 4px;
   margin-right: 4px;
   border: 1px solid #777;
   font-weight: bold;
   
}



#estatistica-setor ul li span.name{
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#777;
  float: left;
  margin-top: 3px;
  width: 242px;
  font-weight: bold;
}

#estatistica-setor ul li p{
 font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
 color:#777;
 float: left;
 margin-top: 3px; 
}

/*BLOCO DOIS*/
#conteudo #bloco-dois{
   float: left;

   width: 1000px;
/*   background: lime;*/
}

#bloco-dois #servicos-solicitados{
   float:left;
   width: 298px;
   height: 262px;
   padding: 0px;
   background: #fff;
   margin-top:  3px;
   margin-left: 3px;
   margin-bottom:  3px;
   border: 1px solid #777;
   /*padding-bottom: -5px;
   border-bottom: 2px solid #777;*/
}



#servicos-solicitados h1{
   float: left;
   padding: 6px 4px;
   background: #666;
   font: 15px Tahoma, Geneva, sans-serif;
   color: #fff;
   width: 291px;
   text-align: center;
   
}

#servicos-solicitados ul{
   list-style-type: none;
   margin: 0;
   border: none;
}



#servicos-solicitados ul li{
   float: left;
   display: block;
   margin-bottom: 2px;
   padding: 4px;
   width: 290px;
   background: #f4f4f4;
   border-bottom: 1px solid #777;
   
}

#servicos-solicitados ul li:hover{
   background: #ebebeb;
}

#servicos-solicitados ul li span.num{
   font: 15px Tahoma, Geneva, sans-serif;
   color:#777;
   float: left;
   padding: 8px;
   margin-right: 4px;
   border: 1px solid #777;
   font-weight: bold;
   
}

#servicos-solicitados ul li span.name{
  font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#777;
  float: left;
/*  margin-top: 3px;*/
  width: 242px;
  
}

#servicos-solicitados ul li p{
 font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
 color:#777;
 float: left;
/* margin-top: 3px; */
}




#bloco-dois #cad-os-rapida{
   float:right;
   width: 660px;
   height: 255px;
   margin-bottom: 5px;
   padding: 4px;
   background: #f4f4f4;
   margin-top:  3px;
   margin-right: 3px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: 1px solid #ccc;
   border-bottom:  1px solid #ccc;
   
}

#cad-os-rapida h1{
  font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
  color:#777;
  float: left;
  width: 100%;
  margin-left: 8px;
  margin-bottom: 10px;
  
}

#cad-os-rapida label{
   display: block;
   margin: 3px 0;
}

#cad-os-rapida label span{
   font: 12px Tahoma, Geneva, sans-serif;
   color:#666;
   font-weight: bold;
   display: block;
   margin: 6px;
}

#cad-os-rapida label input{
   font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
   color:#666;
   padding: 6px;
   width: 630px;
   border: 1px solid #ccc;
   margin-left: 8px;
   background: #fff url(../imgs/bg_rodape.png) top left repeat-x;
   border-radius: 5px;
    -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}
#cad-os-rapida .fix{
   float: left;
   width: 560px;
   margin-top: 1px;
   margin-left: 4px;
}
#cad-os-rapida .fix label{
   float:left;
   display: inline-table;
   margin-right: 3px;
   width: 176px;
   
   
}

#cad-os-rapida .fix label select{
   display:block;
   padding: 3px;
   color: #999;
   width: 176px;
   margin-left: 7px;
   font: 12px Tahoma, Geneva, sans-serif;
     
}

#cad-os-rapida input.cadastrar{
   float: right;
   padding: 5px;
   background: #333;
   border: 1px solid #fff;
   font: 14px Tahoma, Geneva, sans-serif;
   color:#fff;
   margin-right: 10px;
   margin-top: 3px;
   margin-bottom: 10px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

#cad-os-rapida input.cadastrar:hover{
   cursor: pointer;
   background: #09f;
}
   
   
#rodape{
   float: left;
   height: 34px;
   display:inline-block;
   width: 1000px;
   
   background: #fff url(../imgs/bg_rodape.png) top left repeat-x;

/*   border: 1px solid;*/
}

#rodape span.copy{
   float:left;
   width: 100%;
   font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
   color: #666;
   text-align: center;
   margin-top: 8px;
   
}

#editar{
   float: left;
   padding: 4px;
   margin: 4px;
/*   background: #f4f4f4;*/
}


#editar h1, #cadastrar h1 {
    font:20px Tahoma, Geneva, sans-serif;
    color:#999;
    text-shadow: 0 1px 0 #333;
    float:left;
    margin-bottom: 8px;
/*    width: 100%;
    display: block;*/

}

#editar a.btn-a-adc
   {
   float: right;
   margin-right: 3px;
   width: 80px;
   height: 25px;
   border: 1px solid #ccc;
   background: #fff;
   text-decoration: none;
   font: 18px tahoma, Geneva, sans-serif;
   color:#666;
   padding: 2px 6px;
   }


#editar a.btn-a-adc img
   {
   margin-top: 3px;
   margin-left: 3px;
   float:right;
  
   vertical-align: middle;
   }
   
   
#editar a.btn-a-adc:hover
   {
   background: #f4f4f4;  
   }
   
/* formatacao do paginador*/
.paginador{
      float: right;
      width: auto;
      padding: 2px;
      margin-top: 10px;
   }

   .paginador a{
      text-decoration: none;
      font: 14px Tahoma, Geneva, sans-serif; 
      color:#666;
      padding: 5px 6px;
      background: #fff;
      border: 1px solid #999;
      margin-right: 3px;
         
   }
   
   .paginador a:hover{
      background: #3993DB;
      color:#fff;
   }
   
   .paginador strong{
      padding: 5px 6px;
      background: #333;
      border: 1px solid #fff;
      font: 14px Tahoma, Geneva, sans-serif; 
      color:#fff;
      margin-right: 3px;
      font-weight: bold;
   }
   
   .paginador span{
      padding: 5px 6px;
      background: #fff;
      border: 1px solid #999;
      font: 14px Tahoma, Geneva, sans-serif; 
      color:#999;
      margin-right: 5px;
   }

#cadastrar 
{
   float: left;
   width:700px;
   margin:30px 90px;
   background-color: #ccc;
   
}
#cadastrar form{
   margin-left: 10px;
   display: block;
   float: left;
}
#cadastrar label{
   display: block;
   float: left;
   font:16px Tahoma, Geneva, sans-serif;
   color:                #666;
   font-weight: bold;
   
}

#cadastrar label span.titulo{
   margin:4px;
   width: 100%
}

#cadastrar label input{
   margin:4px;
   font:16px Tahoma, Geneva, sans-serif;
   color:#999;
   width: 750px;
   padding: 5px 9 px;
   border:1px solid;
   
}

#cadastrar  input.btn{
   float:right;
   background: #333;
   padding: 7px;
   margin: 15px;
   margin-right: 30px;
   font:15px Tahoma, Geneva, sans-serif;
   color:#f1f1f1;
   border: 1px solid #fff;
}

#cadastrar  input.btn:hover{
   cursor: pointer;
   background:#09f;
   color: #fff;
}

#cadastrar  a{
   border: 1px outset;
  
   float:right;
   background: #333;
   padding: 8px;
   margin: 15px;
   font:15px Tahoma, Geneva, sans-serif;
   color:#f1f1f1;
   text-decoration: none;
   border: 1px solid #fff;
}

#cadastrar  a:hover{
  
   background:#09f;
   color: #fff;
}
#cadastrar label.lab50{
   width: 50px;
   display: block;
   
}
#cadastrar label.lab100{
   width: 100px;
   display: block;
/*   background: orange;*/
}

#cadastrar label.lab200{
   width: 200px;
   display: block;
/*   background: yellow;*/
}

#cadastrar label.lab300{
   width: 300px;
}

#cadastrar label.lab450{
   width: 450px;
/*   background: yellowgreen;*/
}

#cadastrar label span{
   display: block;
   float: left;
}

#cadastrar label span.span50{
   width: 50px;
}

#cadastrar label span.span100{
   width: 100px;
}

#cadastrar label span.span200{
   width: 200px;
}
#cadastrar label span.span300{
   width: 300px;
}
#cadastrar label span.span450{
   width: 450px;
}

#cadastrar label input.inp50{
   width: 40px;
}

#cadastrar label input.inp100{
   width: 90px;
}

#cadastrar label input.inp200{
   width: 190px;
}
#cadastrar label input.inp300{
   width: 290px;
}
#cadastrar label input.inp450{
   width: 430px;
}

#cadastrar label select.sel50{
   width: 40px;
}

#cadastrar label select.sel100{
   width: 90px;
}

#cadastrar label select.sel200{
   width: 190px;
}
#cadastrar label select.sel300{
   width: 290px;
}
#cadastrar label select.sel450{
   width: 430px;
  
}

#cadastrar label textarea{
   width: 100%;
}